canvas 画虚线：Drawing a Dashed Line with Canvas |
您所在的位置：网站首页 › canvas css3 › canvas 画虚线：Drawing a Dashed Line with Canvas |
|
canvas 画虚线：Drawing a Dashed Line with Canvas
作者：呼噜噜 •
2023-03-11 07:44:32
• 阅读 1
使用 canvas 画虚线，可以通过设置 lineCap 属性为 butt，lineDash 属性为一个数组，该数组中的每一项都是一个数字，表示实线和空白之间的间隔。 使用 canvas 画虚线，可以通过设置 lineCap 属性为 ，lineDash 属性为一个数组，该数组中的每一项都是一个数字，表示实线和空白之间的间隔。 实例 使用 canvas 画虚线，可以通过设置 lineCap 属性为 ，lineDash 属性为一个数组，该数组中的每一项都是一个数字，表示实线和空白之间的间隔。 以下是一个示例代码： javascript let canvas = document.getElementById('canvas'); let ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.lineWidth = 2; ctx.strokeStyle = '#000'; ctx.lineCap = ''; ctx.setLineDash([2, 3]); ctx.moveTo(20, 20); ctx.lineTo(200, 20); ctx.stroke();本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处 c++ c++14 canvas draw c++20 赞 (141) |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |